<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Apple苹果(中国大陆) - 官方网站</title>
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="icon" href="./imgs/pingguo.svg" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/home.css">
    <link rel="stylesheet" href="./css/xiangyingshi.css">
</head>
<body>
    <!-- 网页头部 -->
    <div class="mengban"></div>
    <div id="header">
        <div class="zhezhao">

        </div>
        
        <div class="header">
            <ul class="title">
                <li><a href="./home.html"><img src="./imgs/biaotiimgs/logo.png" alt=""></a></li>
                <li><a href=""><img src="./imgs/biaotiimgs/Mac.png" alt=""></a></li>
                <li><a href=""><img src="./imgs/biaotiimgs/iPad.png" alt=""></a></li>
                <li><a href=""><img src="./imgs/biaotiimgs/iPhone.png" alt=""></a></li>
                <li><a href=""><img src="./imgs/biaotiimgs/Watch.png" alt=""></a></li>
                <li><a href=""><img src="./imgs/biaotiimgs/Music.png" alt=""></a></li>
                <li><a href=""><img src="./imgs/biaotiimgs/jishu.png" alt=""></a></li>
                <li><a class="sousuo"><i class="iconfont">&#xe612;</i></a>
                <div class="sousuo-tan">
                        <div>
                            <i class="iconfont">&#xe612;</i>
                            <input type="text" >
                            <span>搜索 apple.com.cn</span>
                            <i class="iconfont guanbi">×</i>
                        </div>
                        
                </div>
                <aside>
                    <section class="sousuo-xia">
                        <h3>快速连接</h3>
                        <ul>
                            <li><a href="">查找零售店</a></li>
                            <li><a href="">Apple Store 商店在线选购</a></li>
                            <li><a href="">配件</a></li>
                            <li><a href="">AirPods</a></li>
                            <li><a href="">AirTag</a></li>
                        </ul>
                    </section>
                </aside>
                        
                </li>
                <li id="shangdian"><img src="./imgs/biaotiimgs/shooping.png" alt="" class="shangdian">
                    <div class="gouwudai-xiala">
                        <p class="gouwudai-kong">你的购物袋是空的</p>
                        <div>
                            <ul>
                                <li><i class="iconfont">&#xe61f;</i><a href="./shopping.html">购物袋</a></li>
                                <li><i class="iconfont">&#xe624;</i><a href="">收藏</a></li>
                                <li><i class="iconfont">&#xec89;</i><a href="">订单</a></li>
                                <li><i class="iconfont">&#xe60c;</i><a href="">账户</a></li>
                                <li><i class="iconfont">&#xe60a;</i><a href="./login.html" id="login" class="loginc">登录</a></li>
                                <script src="./js/jquery.js"></script>
                                <script>
                                // 登录守卫
                                // 判断是否具有登录标志
                                if(localStorage.getItem("isLogin") === "OK"){
                                    // 登录了
                                    $("#login").html(`<a id="login">${"注销"+localStorage.getItem("username")}</a>`)
                                }else{
                                    // 没登录
                                    $("#login").html(`<a href="./login.html">登录</a>`)
                                }
                                $("#login").click(function(){
                                    localStorage.setItem("isLogin","");
                                    location.href = "./login.html";
                                })
                                </script>
                            </ul>
                        </div>
                        
                    </div>
                </li>
            </ul>
        </div>
        
        <div class="header_shipei">
            <ul class="title2">
                <li><a href=""><i class="iconfont">&#xe62b;</i></a></li>
                <li><a href=""><img src="./imgs/pingguo2.svg" alt=""></a></li>
                <li><a href=""><img src="./imgs/shangdianda.svg" alt="" class="shangdian"></a></li>
            </ul>
        </div>
    </div>

    
    <div class="head" id="head">
        <span class="txt">
            <a href="" class="zaixian">在线选购</a>，享受免费送货、Specialist 专家支持、免息分期等<span class="fuwu">服务。</span>
        </span>
    </div>
    <div class="head2" id="head2">
        <span class="txt2">
            <a href="" class="zaixian">在线选购</a>，享受免费送货、Specialist 专家支持、免息<br>分期等<span class="fuwu">服务。</span>
        </span>
    </div>


    <!-- 轮播图 -->
    <div id="banner">
        <ul>
            <li class="ac">
                <a href="#">
                    <img src="./imgs/banner1.jpg" />
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./imgs/banner2.jpg" />
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./imgs/banner3.jpg" />
                </a>
            </li>
            
        </ul>
        <ol>
            <li class="ac"></li>
            <li></li>
            <li></li>
            
        </ol>
        <a href="#" id="goPrev">&laquo;</a>
        <a href="#" id="goNext">&raquo;</a>
    </div>
    <!-- 内容 -->
    <div id="contF">
        <div class="cont">
            <div><a href=""><img src="./imgs/lie1.jpg" alt=""></a></div>
            <div><a href=""><img src="./imgs/lie2.jpg" alt=""></a></div>
            <div><a href=""><img src="./imgs/lie3.jpg" alt=""></a></div>
            <div><a href=""><img src="./imgs/lie4.jpg" alt=""></a></div>
            <div><a href=""><img src="./imgs/lie5.jpg" alt=""></a></div>
            <div><a href=""><img src="./imgs/lie6.jpg" alt=""></a></div>
        </div>

    </div>
    <!-- 底部 -->
    <div id="bottom-txt">
        <ol>
            <li id="footnote-1">上述所示分期付款金额仅为使用特定期数免息分期付款估算得出的示例（仅显示整数数额，未显示小数点以后的金额)，实际支付金额以银行或花呗账单为准。最高可享 24 期免息分期,到 Apple Store 零售店和在线商店购买时可享受的免息分期期数和最低限额可能有所不同，银行和花呗提供的免息分期期数和最低限额可能有所不同。实际折抵金额取决于设备的状况、配置、制造年份，以及发售国家或地区。银行或花呗可能要求你的可用信用额度大于所购买产品的总金额，才能使用分期付款服务。有关信用卡或花呗分期服务的申请及使用问题，请与银行或花呗联系，Apple 对此不做任何承诺和保证。Apple 的折抵换购服务为 Apple 与 Apple 折抵服务合作伙伴共同推出，年满 18 周岁及以上者才能享受此项折抵换购服务。店内折抵换购需出示政府颁发并附有照片的有效身份证件 (当地法律可能会要求存储该信息)。可能需要遵守 Apple 或 Apple 折抵服务合作伙伴的其他条款。本折抵换购服务不能与 Apple 的其他优惠或折扣活动同时使用。如需了解更多免息分期付款信息，请点击<a href="" class="cichu">此处</a>。
            </li>
        </ol>
        
    </div>
    <!-- 底部列表 -->
    <nav id="bottom-liebiao">
        <div class="bottom-liebiao">
            <div>
                <ul class="xuangou">
                    <li class="biaoticss">选购及了解</li>
                    <li><a href="">Mac</a></li>
                    <li><a href="">iPad</a></li>
                    <li><a href="">iPhone</a></li>
                    <li><a href="">Watch</a></li>
                    <li><a href="">Music</a></li>
                    <li><a href="">AirPods</a></li>
                    <li><a href="">HomePod mini</a></li>
                    <li><a href="">iPod touch</a></li>
                    <li><a href="">AirTag</a></li>
                    <li><a href="./cart.html">配件</a></li>
                    <li><a href="">App Store 充值卡</a></li>
                </ul>
            </div>
            <div>
                <ul>
                    <li class="biaoticss">服务</li>
                    <li><a href="">Apple Music</a></li>
                    <li><a href="">iCloud</a></li>
                    <li><a href="">Apple Pay</a></li>
                    <li><a href="">Apple 播客</a></li>
                    <li><a href="">App Store</a></li>
                </ul>
                <ul class="biaoticss2">
                    <li class="biaoticss">账户</li>
                    <li><a href="">管理你的Apple ID</a></li>
                    <li><a href="">App Store 账户</a></li>
                    <li><a href="">iCloud.com</a></li>
                </ul>
            </div>
                
            <div>
                <ul>
                    <li class="biaoticss">App Store 商店</li>
                    <li><a href="">查找零售店</a></li>
                    <li><a href="">在线选购</a></li>
                    <li><a href="">Genius Bar 天才吧</a></li>
                    <li><a href="">Today at Apple</a></li>
                    <li><a href="">Apple 夏令营</a></li>
                    <li><a href="">Apple Store App</a></li>
                    <li><a href="">翻新和优惠</a></li>
                    <li><a href="">分期付款</a></li>
                    <li><a href="">Apple Trade In 换购计划</a></li>
                    <li><a href="">订单状态</a></li>
                    <li><a href="">选购帮助</a></li>
                </ul>
            </div>
            
            <div>
                <ul>
                    <li class="biaoticss">商务应用</li>
                    <li><a href="">Apple 与商务</a></li>
                    <li><a href="">商务选购</a></li>
                </ul>
                <ul class="biaoticss2">
                    <li class="biaoticss">教育应用</li>
                    <li><a href="">Apple 与教育</a></li>
                    <li><a href="">高校师生选购</a></li>
                </ul>
            </div>

            <div>
                <ul>
                    <li class="biaoticss">Apple 价值观</li>
                    <li><a href="">辅助功能</a></li>
                    <li><a href="">环境责任</a></li>
                    <li><a href="">隐私</a></li>
                    <li><a href="">供应商责任</a></li>
                </ul>
                <ul class="biaoticss2">
                    <li class="biaoticss">关于 Apple</li>
                    <li><a href="">Newsroom</a></li>
                    <li><a href="">Apple 管理层</a></li>
                    <li><a href="">工作机会</a></li>
                    <li><a href="">创造就业</a></li>
                    <li><a href="">商业道德与合规性</a></li>
                    <li><a href="">活动</a></li>
                    <li><a href="">联系 Apple</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- 底部信息 -->
    <div id="bottom-weibu">
        <section class="bottom-weibu">
        
            <div class="gengduo">
                <span>更多选购方式：</span><a href="">查找你附近的 Apple Store 零售店</a><span>及</span><a href="">更多门店</a><span> ，或者致电 400-666-8800。</span>
                
            </div>
            
            <div class="gengduo2">
                
                <div>
                     <span>Copyright © 2021 Apple Inc. 保留所有权利。</span>
                </div>
               
                <div>
                    <a href="">隐私政策</a><a href="">使用条款</a><a href="">销售政策</a><a href="">法律信息</a><a href="" class="shu">网站地图</a>
                </div>
                
            </div>
            <p>
                京ICP备10214630 营业执照 无线电发射设备销售备案编号11201910351200
            </p>
        </section>
        
    </div>
    

    

</body>
    <script src="./js/home.js"></script>
    <script src="./js/shousuo.js"></script>
</html>